<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ezcomp="http://xmlns.jcp.org/jsf/composite/ezcomp">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{messages.Learntrace}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:outputScript library="javaScript" name="d3.v4.js" target="head"/>
            <h:outputScript library="javaScript" name="graphlib-dot.js" target="head"/>
            <h:outputScript library="javaScript" name="dagre-d3.js" target="head"/>
            <h:outputStylesheet library="css" name="dagre.css"/>
            <h:form>
                <ezcomp:majorSubjectTemplate/>
                <h:outputLabel value="#{messages.School}"/>
                <h:selectOneListbox  value="#{schoolController.selected}">
                    <f:selectItems value="#{schoolControllerA.schoolsOnLeaves}"/>
                </h:selectOneListbox>
                <h:outputLabel value="#{messages.Teacher}"/>
                <h:selectOneListbox value="#{teacherAdminController.selected}" size="10">
                    <f:selectItems value="#{teacherAdminController.findBySchoolAndSubject()}"
                    <f:ajax render="student knowledge"/>
                </h:selectOneListbox>
                    <h:outputLabel value="#{messages.Student}"/>
                <h:selectManyListbox value="" size="10" id="student"/>
                <h:outputLabel value="#{messages.Knowledge}"/>
                <h:selectManyListbox value="" size="10" id="knowledge"/>
            </h:form>

        </ui:define>
    </ui:composition>
</html>
